﻿<html>
	<head>
		<style>
			*{margin:0;padding:0}
			#header{
				margin:0 auto;
				width:446px;
				height:110px;
				background:url('title.png') no-repeat;
			}
			#content{
				width:1024px;
				height:500px;
				background:url('jiqi.png') no-repeat;
				background-position:50% 50%;
				position:relative;
			}
			#content #scroll1,#content #scroll2,#content #scroll3{
				width:58px;
				height:90px;
				position:absolute;
			}
			#content #scroll1{
				left:410px;
				top:212px;
				overflow:hidden;
				
			}
			#content #scroll2{
				left:476px;
				top:212px;
				overflow:hidden;
			}
			#content #scroll3{
				left:542px;
				top:212px;
				overflow:hidden;
			}
			ul{
				list-style:none;
			}
			
			ul img{
				width:58px;
				height:90px;
				
			}
			#content #fl_img{
				position:absolute;
				z-index:3;
				width:58px;
				height:90px;
			}
			#content #yaogan{
				width:50px;
				height:120px;
				
				position:absolute;
				left:620px;
				top:180px;
			}
			#content #yaogan button{
				width:50px;
				height:120px;
				background:url('yaogan1.png') no-repeat;
				border:none;
				background-size:100% 100%;
			}
		</style>
	</head>
	<body>
		<div id="header">
		</div>
		<div id="content">
			<div id="scroll1">
				<ul id="scroll1_ul">
				   <li><img src="p01.jpg"/></li>
				   <li><img src="p02.jpg"/></li>
				   <li><img src="p03.jpg"/></li>
				   <li><img src="p04.jpg"/></li>
				   <li><img src="p05.jpg"/></li>
				   <li><img src="p06.jpg"/></li>
				   <li><img src="p07.jpg"/></li>
				   <li><img src="p08.jpg"/></li>
				   <li><img src="p09.jpg"/></li>
				   <li><img src="p01.jpg"/></li>
				</ul>
				<img src="panel.png" id="fl_img"/>
			</div>
			<div id="scroll2">
				<ul id="scroll2_ul">
				   <li><img src="p01.jpg"/></li>
				   <li><img src="p02.jpg"/></li>
				   <li><img src="p03.jpg"/></li>
				   <li><img src="p04.jpg"/></li>
				   <li><img src="p05.jpg"/></li>
				   <li><img src="p06.jpg"/></li>
				   <li><img src="p07.jpg"/></li>
				   <li><img src="p08.jpg"/></li>
				   <li><img src="p09.jpg"/></li>
				   <li><img src="p01.jpg"/></li>
				</ul>
				<img src="panel.png" id="fl_img"/>
			</div>
			<div id="scroll3">
				<ul id="scroll3_ul">
				   <li><img src="p01.jpg"/></li>
				   <li><img src="p02.jpg"/></li>
				   <li><img src="p03.jpg"/></li>
				   <li><img src="p04.jpg"/></li>
				   <li><img src="p05.jpg"/></li>
				   <li><img src="p06.jpg"/></li>
				   <li><img src="p07.jpg"/></li>
				   <li><img src="p08.jpg"/></li>
				   <li><img src="p09.jpg"/></li>
				   <li><img src="p01.jpg"/></li>
				</ul>
				<img src="panel.png" id="fl_img"/>
			</div>
			<div id="yaogan">
				<button type="button" id="mybu" onclick="action()"></button>			
				</div>
		</div>
	</body>
	<script type="text/javascript">
		
	</script>
	
</html>